﻿/* -----------H-ui前端框架-------------
* H-ui.reset.css v1.2	重定义浏览器默认样式
* http://www.h-ui.net/
* Created & Modified by guojunhui
* Date modified 2014.10.09
*
* Copyright 2013-2015 北京颖杰联创科技有限公司 All rights reserved.
* Licensed under MIT license.
* http://opensource.org/licenses/MIT
*
*/
/*1 重定义浏览器默认样式
	Name:			style_reset
	Level:			Global
	Explain:		重定义浏览器默认样式
	Last Modify:	jackying
*/
* {word-wrap:break-word}
/* body{background: red;} */
html,body,h1,h2,h3,h4,h5,h6,hr,p,iframe,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,fieldset{margin:0;padding:0}
ul,ol,dl{list-style-type:none}
html,body{*position:static}
html{font-family: sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
html{-webkit-tap-highlight-color: transparent;-moz-tap-highlight-color: transparent}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:400}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
input,button{overflow: visible;vertical-align:middle;outline:none}
body,th,td,button,input,select,textarea{font-family:"Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,tahoma,arial,Verdana,sans-serif,"WenQuanYi Micro Hei","\5B8B\4F53";font-size:12px;color: #333;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing:grayscale}
body{line-height:1.6}
h1,h2,h3,h4,h5,h6{font-size:100%}
a,area{outline:none;blr:expression(this.onFocus=this.blur())}
a{text-decoration:none;cursor: pointer}
a:hover{text-decoration:none;outline:none}
a.ie6:hover{zoom:1}
a:focus{outline:none}
/*a:hover,a:active{outline:none}:focus{outline:none}*/
sub,sup{vertical-align:baseline}
button,input[type="button"], input[type="submit"] {line-height:normal !important;}
/*img*/
img{border:0;vertical-align:middle}
a img,img{-ms-interpolation-mode:bicubic}
.img-responsive{max-width: 100%;height: auto}

/*IE下a:hover 背景闪烁*/
*html{overflow:-moz-scrollbars-vertical;zoom:expression(function(ele){ele.style.zoom = "1";document.execCommand("BackgroundImageCache",false,true)}(this))}

/*HTML5 reset*/
header,footer,section,aside,details,menu,article,section,nav,address,hgroup,figure,figcaption,legend{display:block;margin:0;padding:0}time{display:inline}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
audio:not([controls]){display:none}
legend{width:100%;margin-bottom:20px;font-size:21px;line-height:40px;border:0;border-bottom:1px solid #e5e5e5}
legend small{font-size:15px;color:#999}
svg:not(:root) {overflow: hidden}
fieldset {border-width:0;padding: 0.35em 0.625em 0.75em;margin: 0 2px;border: 1px solid #c0c0c0}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {height: auto}
input[type="search"] {-webkit-appearance: textfield; /* 1 */-moz-box-sizing: content-box;-webkit-box-sizing: content-box; /* 2 */box-sizing: content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none}
/*
	Name:			style_clearfix
	Example:		class="clearfix|cl"
	Explain:		Clearfix（简写cl）避免因子元素浮动而导致的父元素高度缺失能问题
*/
.cl:after,.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}.cl,.clearfix{zoom:1}
.btn-default{background:#dedede;}.text-c{text-align:center;}.text-r{text-align:right;}.text-l{text-align:left;}
.text-overflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.text-ellipsis-1{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:1; padding:0 0px; }
.text-ellipsis-2{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; padding:0 0px; }
.text-ellipsis-3{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:3; padding:0 0px; }
.box-s{box-sizing: border-box;}.pos-r{position: relative;}.pos-a{position: absolute;}
.f-l{float:left;}.f-r{float:right;}
.pd-6{padding:6px;}
.border{border:1px solid #e3e3e3;}.fw-b{font-weight: bold;}.radi{border-radius:6px;box-sizing: border-box;}
.over-hidden{overflow: hidden;}p{margin:0px;padding: 0;}a{color:black;}a {color: inherit; }
.cr-a0a{color:#a0a2b1;}.bk-white{background: white;}
.mt-3{margin-top: 3px;}.mt-6{margin-top: 6px;}.mt-5{margin-top: 5px;}.mt-18{margin-top: 18px;}.mt-12{margin-top: 12px;}.mt-10{margin-top: 10px;}
.ml-3{margin-left:3px;}.ml-10{margin-left:10px;}.ml-15{margin-left:15px;}.ml-20{margin-left:20px;}
.mr-6{margin-right: 6px;}.mr-10{margin-right:10px;}
.old-price{text-decoration:line-through;}.a-full-inlblock{display:inline-block;width: 100%;height:100%;box-sizing: border-box;}
small{color: white;}
.app-wrap{max-width:640px; margin:0 auto; box-sizing: border-box; border:0px solid black;}

.text-overflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.text-ellipsis-1{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:1; padding:0 0px; }
.text-ellipsis-2{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; padding:0 0px; }
.text-ellipsis-3{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:3; padding:0 0px; }

.swiper-slide img{
	width: 100%;
}

.ndm-normal{
	background:#8dd416;
}
.ndm-blue{
	background:#1B85E7;
}
.ndm-green{
	background:#B02CD1;
}
.ndm-red{
	background:#F0443F;
}
.ndm-gray{
	color:#666;
}


.ico-box{
    color:#727272;
    margin-top:4px;
    clear: both;
}
.ico-box .imgbox{
    width:15px;
    height: 15px;
    display: inline-block;

}
.imgbox img{
	width:100%;
}



/* 没有更多 */
.nomore-endsection{
	text-align: center;
	background:#f3f3f3;
	color:#666;
	padding:5% 0;
}
.nomore-endsection .imgbox{
	width: 28px;
	margin: 0 auto;
	margin-bottom: 6px;
}


/* 底部固定 */

.bottom-wrap {
	position: fixed;
	bottom: 0;
	width: 100%;
	max-width: 640px;
	z-index: 1000; }
  
  .bottom-nav {
	border-top: 1px solid #e3e3e3;
	background: white;
	font-size: 13px; }
  
  .bottom-nav .imgbox {
	width: 35%;
	margin: 0 auto;
	margin-bottom: 4px;
	margin-top: 4px; }

div,ul,li,a{
	box-sizing: border-box;
}




/*布局*/
.row {
	display:-webkit-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	-webkit-justify-content:space-between;
	justify-content:space-between;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	-webkit-box-align:start;
	-ms-flex-align:start;
	-webkit-align-items:flex-start;
	align-items:flex-start
}
.row>[class*=col] {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}
.row .col-auto {
	width:100%
}
.row .col100 {
	width:100%;
	width:-webkit-calc((100% - 15px*0)/ 1);
	width:calc((100% - 15px*0)/ 1)
}
.row .col95 {
	width:95%;
	width:-webkit-calc((100% - 15px*.05263157894736836)/ 1.0526315789473684);
	width:calc((100% - 15px*.05263157894736836)/ 1.0526315789473684)
}
.row .col90 {
	width:90%;
	width:-webkit-calc((100% - 15px*.11111111111111116)/ 1.1111111111111112);
	width:calc((100% - 15px*.11111111111111116)/ 1.1111111111111112)
}
.row .col85 {
	width:85%;
	width:-webkit-calc((100% - 15px*.17647058823529416)/ 1.1764705882352942);
	width:calc((100% - 15px*.17647058823529416)/ 1.1764705882352942)
}
.row .col80 {
	width:80%;
	width:-webkit-calc((100% - 15px*.25)/ 1.25);
	width:calc((100% - 15px*.25)/ 1.25)
}
.row .col75 {
	width:75%;
	width:-webkit-calc((100% - 15px*.33333333333333326)/ 1.3333333333333333);
	width:calc((100% - 15px*.33333333333333326)/ 1.3333333333333333)
}
.row .col66 {
	width:66.66666666666666%;
	width:-webkit-calc((100% - 15px*.5000000000000002)/ 1.5000000000000002);
	width:calc((100% - 15px*.5000000000000002)/ 1.5000000000000002)
}
.row .col60 {
	width:60%;
	width:-webkit-calc((100% - 15px*.6666666666666667)/ 1.6666666666666667);
	width:calc((100% - 15px*.6666666666666667)/ 1.6666666666666667)
}
.row .col50 {
	width:50%;
	width:-webkit-calc((100% - 15px*1)/ 2);
	width:calc((100% - 15px*1)/ 2)
}
.row .col40 {
	width:40%;
	width:-webkit-calc((100% - 15px*1.5)/ 2.5);
	width:calc((100% - 15px*1.5)/ 2.5)
}
.row .col33 {
	width:33.333333333333336%;
	width:-webkit-calc((100% - 15px*2)/ 3);
	width:calc((100% - 15px*2)/ 3)
}
.row .col25 {
	width:25%;
	width:-webkit-calc((100% - 15px*3)/ 4);
	width:calc((100% - 15px*3)/ 4)
}
.row .col20 {
	width:20%;
	width:-webkit-calc((100% - 15px*4)/ 5);
	width:calc((100% - 15px*4)/ 5)
}
.row .col15 {
	width:15%;
	width:-webkit-calc((100% - 15px*5.666666666666667)/ 6.666666666666667);
	width:calc((100% - 15px*5.666666666666667)/ 6.666666666666667)
}
.row .col10 {
	width:10%;
	width:-webkit-calc((100% - 15px*9)/ 10);
	width:calc((100% - 15px*9)/ 10)
}
.row .col5 {
	width:5%;
	width:-webkit-calc((100% - 15px*19)/ 20);
	width:calc((100% - 15px*19)/ 20)
}

.head-title{position:relative}
.head-title{
	font-size:19.8px;
	text-align: center;
	padding:1.5% 0;
	border-bottom: 1px solid #e3e3e3;
}
.head-title.fixed{
	position: fixed;
	width: 100%;
	max-width: 640px;
	top: 0;
	height:32px;
	z-index: 10000;
	background:white;
}
.head-title .back-arrow{
	position: absolute;
	width:30px;
	height:30px;
	/* border:1px solid red; */
	left: 2.5%;
	top: 50%;
	transform:translate(0,-50%);
}
.back-arrow img{
	width: 100%;
}